<template>
	<view>

		<view class="box" @click="tiao" v-for="(item,index) in Harvest" :key='index'>
			<view class="leftbox">
				<uni-icons type="location" size="24" class="dinwei"></uni-icons>
				<view class="zhong">
					<view class="zhongBox">
						<view class="Zuo wzstyle">
							<view class="zuoid">
								{{item.name}}
							</view>
							<view class="">
								{{item.phone}}
							</view>

						</view>
						<view class="You wzstyle">
							{{item.area}}
						</view>
					</view>

				</view>
			</view>
			<view class="rightbox">
				<uni-icons type="right" size="30"></uni-icons>
			</view>

		</view>

	</view>
</template>

<script>
	import {

		reactive
	} from 'vue';
	import {
		onShow
	
	} from '@dcloudio/uni-app';
	import myRequest from '../../utils/myRequest.js';
	export default {
		setup() {
			let data = reactive({
				Harvest: "",
				
				tiao() {
					store.commit('editNowUserOrderHarvest', data.selectAdress);
				
					uni.navigateTo({
						url: '/pages/jifen/jiesuan'
					});
				}

			})
			onShow(function() {
					myRequest({
						url: "/getharvest"

					}).then((res) => {
						if (res.data.code == 200) {
							data.Harvest = res.data.data
						
						}
					})
				}),
				onLoad((option) => {
				
				})
			return data;
		}
	}
</script>

<style>
	.zuoid {
		margin-right: 20rpx;
	}

	.Zuo {
		display: flex;
		margin-bottom: 20rpx;
	}

	.zhong {
		display: flex;
	}

	.box {
		border-top: 1px solid #B9B9B9;
		border-bottom: 1px solid #B9B9B9;
		justify-content: space-between;
		display: flex;
		padding: 50rpx;
	}

	.wzstyle {
		font-size: 30rpx;
	}

	.default text {
		padding: 5rpx;
		color: #F3A73F;
		border-radius: 20rpx;
		border: 1px solid #F3A73F;
	}

	.dinwei {
		margin-right: 20rpx;
		margin-top: 45rpx;
	}

	.leftbox {
		display: flex;
	}
</style>
